<!--幻灯片开始-->
<div class="hdp">
<div class="content-box">
<div class="hdp-img clearfix">
<a href="#" class="fl">
<img src="./img/201910101012295811.jpg" width="100%" height="100%" />
</a>
<a href="#" class="fl">
<img src="./img/201910151003395231.jpg" width="100%" height="100%" />
</a>
<a href="#" class="fl">
<img src="./img/201910301022055219.jpg" width="100%" height="100%" />
</a>
</div>
</div>
</div>
<!--幻灯片结束-->
Css:
/*幻灯片开始*/
.hdp{
background:#ff9000;
}
.hdp .content-box{
height:330px;overflow:hidden;position:relative;
}
.hdp-img{
width:3600px;position:absolute;left:-2400px;
}
.hdp-img a{
display:block;width:1200px;height:330px;
}
/*幻灯片结束*/
返回值: